/**
  * @Description: WoShop商城
  * @Author: 梧桐
  * @Copyright: 武汉一一零七科技有限公司©版权所有
  * @Link: www.s1107.com
  * @Contact: QQ:2487937004
  */
 <template>
  <view style="padding:0 24upx">
 
    		<view class="xiaoxi">
				<view style="display: flex;align-items: center;padding-bottom: 30upx;border-bottom: 2upx solid #F5F5F5;">
					<image src="../../static/xitong.png" mode="" style="width: 50upx;height: 50upx;border-radius: 50%;"></image>
					<view style="display: flex;align-items: center;justify-content: space-between;width: 550upx;">
						<text style="color: #999999;font-size: 30 upx;">{{title}}</text>
						<text style="color: #999999;font-size: 30 upx;">{{create_time}}</text>
					</view>
				</view>
				<view style="padding-top: 20upx;">
					<u-parse :html="content"></u-parse>
				</view>
			</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      content: "",
      title: "",
      id: "",
	  create_time:''
    };
  },
  onLoad(option) {
    this.id = option.id;
    this.init();
  },
  methods: {
    init() {
      this.$http
        .getNotificationInfo({
          id: this.id
        })
        .then(res => {
          if (res.status == 200) {
            this.content = res.data.content;
            this.title = res.data.title;
			this.create_time = res.data.create_time
            console.log(this.title);
			uni.setNavigationBarTitle({
			  title: this.title
			});
          }
        });
    },
     
  }
};
</script>

<style scoped>
	.xiaoxi{
		width: 690upx;
		/* height: 285upx; */
		background-color: #fff;
		padding: 20upx;
		border-radius: 10upx;
		display: flex;
		flex-direction: column;
		margin-top: 20upx;
	}
page {
  /* background: #fff; */
  padding-top: 30upx;
}
.title {
  font-size: 34upx;
  color: #333;
  line-height: 42upx;
  margin: 20upx 0 40upx;
  text-align: center;
}
</style>
